import {
  DefaultFooter,
  getMenuData,
  getPageTitle,
} from "@ant-design/pro-layout";
import { Helmet, HelmetProvider } from "react-helmet-async";
import React, { useMemo } from "react";
import styles from "./index.less";
import logo from "@/assets/logo.png";

const UserLayout = (props) => {
  const { children } = props;

  useMemo(() => { }, [global]);

  return (
    <HelmetProvider>
      <div className={styles.containers} style={{ backgroundImage: `url(${require("@/assets/bg.jpg")})` }}>
        <div style={{ flex: 1, position: "relative", height: "100%" }}>
          <div className="center" style={{ position: "absolute", left: "4vw", top: "4vh", }}>
            <div style={{ backgroundColor: "rgba(255,255,255,0.0)", padding: 20, borderRadius: 8 }}>
              <img src={logo} alt="" style={{ width: 66 }} />
            </div>
            <h1 style={{ margin: 0, paddingLeft: 12,color:"rgba(255,255,255)" }}>北京中铁建建筑科技有限公司</h1>
          </div>

        </div>
        {children}
        <DefaultFooter
          links={false}
          copyright={
            <a>
              2022 江苏南高智能装备创新中心有限公司
            </a>
          }
          style={{
            backgroundColor: "transparent",
            position: "absolute",
            bottom: 0,
            left: 0,
            right: 0,
            margin: "auto",
          }}
        />
      </div>
    </HelmetProvider>
  );
};

export default UserLayout;
